(function($) {

	clienteDetalle = {
		telefonoUrl : null,
		correoUrl : null,
		documentoUrl : null,
		notaUrl : null,
		indicadorUrl : null,
		clienteIdInput : null,		

		init : function(clienteIdInput, documentoUrl, notaUrl,
				telefonoUrl, correoUrl, indicadorUrl) {
			
			this.telefonoUrl = telefonoUrl;
			this.correoUrl = correoUrl;
			this.documentoUrl = documentoUrl;
			this.notaUrl = notaUrl;
			this.clienteIdInput = clienteIdInput;
			
		},

		createJTableDocumento : function() {
			$('#tablaDocumento').jtable({
				title : 'DOCUMENTOS X COBRAR',
				selecting : true,
				paging : true,
				pageSize : 10,
				sorting : false,
				actions : {
					listAction : function(postData, jtParams) {
						return $.Deferred(function($dfd) {
							$.ajax({
								url : clienteDetalle.documentoUrl
										+ '?jtStartIndex='
										+ jtParams.jtStartIndex
										+ '&jtPageSize=' + jtParams.jtPageSize,
								type : 'POST',
								dataType : 'json',
								data :  "clienteId=" + clienteDetalle.clienteIdInput,
								success : function(data) {
									$dfd.resolve(data);
								},
								error : function() {
									$dfd.reject();
								}
							});
						});
					}
				},
				fields : {
					documentoId : {
						key : true,
						list : false
					},
					tipo : {
						title : 'TIPO'
					},
					numeroDocumento : {
						title : 'N\u00daMERO'
					},
					fechaVencimiento : {
						title : 'FECHA VENCIMIENTO'
					},
					moneda : {
						title : 'MONEDA',
					},
					saldo : {
						title : 'TOTAL',
					},
					diasCredito : {
						title : 'DIAS DE CREDITO',
					},
					estado : {
						title : 'ESTADO',
					},
					fechaCreacion : {
						list : false
					},
					horaCreacion : {
						title : 'FECHA Y HORA',
						display : function(data) {
							return data.record.fechaCreacion + " "
									+ data.record.horaCreacion;
						}
					},
					userId : {
						title : 'USUARIO'
					}
				},
				recordAdded : function(event, data) {
					$('#tablaDocumento').jtable('load');
				},
				recordUpdated : function(event, data) {
					$('#tablaDocumento').jtable('load');
				}
			});
			$('#tablaDocumento').jtable('load');
		},

		createJTableNota : function() {
			$('#tablaNota').jtable(
					{
						title : 'NOTAS Y/O COMENTARIOS',
						selecting : true, // Enable selecting
						paging : true, // Enable paging
						pageSize : 10, // Set page size (default: 10)
						sorting : false, // Enable sorting
						actions : {
							listAction : function(postData, jtParams) {
								return $.Deferred(function($dfd) {
									$.ajax({
										url : clienteDetalle.notaUrl
												+ '?jtStartIndex='
												+ jtParams.jtStartIndex
												+ '&jtPageSize=' + jtParams.jtPageSize,
										type : 'POST',
										dataType : 'json',
										data :  "clienteId=" + clienteDetalle.clienteIdInput,
										success : function(data) {
											$dfd.resolve(data);
										},
										error : function() {
											$dfd.reject();
										}
									});
								});
							}
						},
						fields : {
							clienteId : {
								title : 'Nro',
								key : true,
								list : false
							},
							nota : {
								title : 'NOTAS'
							},
							fechaCreacion : {
								list : false
							},
							horaCreacion : {
								title : 'FECHA Y HORA',
								display : function(data) {
									return data.record.fechaCreacion + " "
											+ data.record.horaCreacion;
								}
							},
							userId : {
								title : 'USUARIO'
							}
						},
						// Register to selectionChanged event to hanlde events
						recordAdded : function(event, data) {
							// after record insertion, reload the records
							$('#tablaNota').jtable('load');
						},
						recordUpdated : function(event, data) {
							// after record updation, reload the records
							$('#tablaNota').jtable('load');
						}
					});
			$('#tablaNota').jtable('load');
		},

		createJTableDatoContacto : function() {
			$('#tablaCorreo').jtable(
					{
						title : 'CORREOS',
						selecting : true, // Enable selecting
						actions : {
							listAction : function(postData, jtParams) {
								return $.Deferred(function($dfd) {
									$.ajax({
										url : clienteDetalle.correoUrl
												+ '?jtStartIndex='
												+ jtParams.jtStartIndex
												+ '&jtPageSize=' + jtParams.jtPageSize,
										type : 'POST',
										dataType : 'json',
										data :  "clienteId=" + clienteDetalle.clienteIdInput,
										success : function(data) {
											$dfd.resolve(data);
										},
										error : function() {
											$dfd.reject();
										}
									});
								});
							}
						},
						fields : {
							correoId : {
								key : true,
								list : false
							},
							tipoMail : {
								title : 'TIPO DE MAIL'
							},
							mail : {
								title : 'MAIL'
							},
							fechaCreacion : {
								list : false
							},
							horaCreacion : {
								title : 'FECHA Y HORA',
								display : function(data) {
									return data.record.fechaCreacion + " "
											+ data.record.horaCreacion;
								}
							},
							userId : {
								title : 'USUARIO'
							}
						},
						// Register to selectionChanged event to hanlde events
						recordAdded : function(event, data) {
							// after record insertion, reload the records
							$('#tablaCorreo').jtable('load');
						},
						recordUpdated : function(event, data) {
							// after record updation, reload the records
							$('#tablaCorreo').jtable('load');
						}
					});
			$('#tablaCorreo').jtable('load');
			
			$('#tablaTelefono').jtable(
					{
						title : 'TEL\u00c9FONOS',
						selecting : true, // Enable selecting
						actions : {
							listAction : function(postData, jtParams) {
								return $.Deferred(function($dfd) {
									$.ajax({
										url : clienteDetalle.telefonoUrl
												+ '?jtStartIndex='
												+ jtParams.jtStartIndex
												+ '&jtPageSize=' + jtParams.jtPageSize,
										type : 'POST',
										dataType : 'json',
										data :  "clienteId=" + clienteDetalle.clienteIdInput,
										success : function(data) {
											$dfd.resolve(data);
										},
										error : function() {
											$dfd.reject();
										}
									});
								});
							}
						},
						fields : {
							correoId : {
								key : true,
								list : false
							},
							tipo : {
								title : 'OPERADOR'
							},
							numero : {
								title : 'N\u00daMERO'
							},
							fechaCreacion : {
								list : false
							},
							horaCreacion : {
								title : 'FECHA Y HORA',
								display : function(data) {
									return data.record.fechaCreacion + " "
											+ data.record.horaCreacion;
								}
							},
							userId : {
								title : 'USUARIO'
							}
						},
						// Register to selectionChanged event to hanlde events
						recordAdded : function(event, data) {
							// after record insertion, reload the records
							$('#tablaTelefono').jtable('load');
						},
						recordUpdated : function(event, data) {
							// after record updation, reload the records
							$('#tablaTelefono').jtable('load');
						}
					});
			$('#tablaTelefono').jtable('load');			
		},

		createJTableTelefono : function() {
			
		}

	};
})(jQuery);